<template>
	<view class="content">
		<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" style="height: 340rpx;">
			<swiper-item v-for="(item,index) in background" :key="index">
				<image class="carousel" :src="item"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'轮播图',
				background:[require('../static/image/carousel.png'),
				require('../static/image/carousel.png'),
				require('../static/image/carousel.png')
				],
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500
			}
		}
	}
</script>

<style>
	.content{
		margin:0 auto;
		margin-top: -240rpx;
		width: 95%;
	}
	 .content .uni-swiper-wrapper{
		 border-radius:25rpx !important;
	 }
	.carousel {
		width: 100%;
		height: 340rpx;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		
	}
	/* uni-swiper .uni-swiper-dot-active{
		background-color: #FA2833;
	} */
</style>
